@namespace xf url(http://www.w3.org/2002/xforms);
/* Display a red background on all invalid form controls */
/* *:invalid::after  { content:url(/images/delete1.png);  } */
xf|input:required > .xf-value, xf|textarea:required > .xf-value, xf|select:required > .xf-value, xf|select1:required > .xf-value { 
	border:solid black 2px; 
}
/* xf|group xf|input:valid::after, xf|group xf|textarea:valid::after, xf|group xf|select:valid::after, xf|group xf|select1:valid::after   {
		content:url(/images/check.png); 
}*/

/* Makes the labels right aligned in a 250px wide column that floats to the left of the input controls. */
xf|input > xf|label, xf|select > xf|label, xf|select1 > xf|label, xf|textarea > xf|label {
	text-align:right; 
	padding-right:10px; 
	width:250px; 
	float:left; 
	text-align:right;
}


.token_select > xf|label  {
	font-weight:bold;
	display:block;
	clear:both;
	width:100px;
	text-align:center;
	background-color: #66FF66;
}

.tokenselect > .xf-value{
	display:block;
	clear:both;
}

.inputclass {
	position: absolute;
	left: 250px;
	}
.delegator {
        position: absolute;
	left: 100px;
	}
.metainfo {
	position: absolute;
	left: 100px;
	}
.x-readonly input { 
	background: gray;
	color: red;
	}
.labels { 
         background-color: darkblue;
         color: white;
         }